<?php
session_start();
?>
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8">
	
	<title>OSOM.TV</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
    <!--SCRIPTS-->
    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="js/overlay.js"></script>
    <script type="text/javascript" src="js/jquery.toggleformtext.js"></script>
   	<script type="text/javascript" src="js/osom-functions.js"></script>
    
        <!-- prueba-->
    
    <!-- Combined stylesheets load -->
	<!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout -->
<link href="admin/css/mini.php?files=reset,common,form,standard,960.gs.fluid,simple-lists,block-lists,planning,table,calendars,wizard,gallery" rel="stylesheet" type="text/css">
    
    <!--CSS-->
    <link rel="shortcut icon" href="favicon.ico">	
	<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/jquery-ui-1.8.13.custom.css">
    <link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css">

    <!--GOOGLE ANALYTICS-->
    <?php include 'includes/analytics.php';?>
    
</head>
<body>
    
        <?php include 'includes/imagen_fondo.php';?>
    
<div>
<img title="" alt="" src="http://osom.tv/osomtv/images/bg2-mosaico.jpg" id="background" style="height: 100%;
    width: 100%;
    z-index: -1; position: fixed;"> 
</div>	<!--Wrapper-->
   	<div class="wrapper">
     	<!--Banner top-->
        <div class="banner-top"><a id="inline" href="#overlay">
                
                <?php include 'includes/banner_header.php';?>
        </a></div>        
    	<!--Main content-->
        <div class="main">
        	
        	<!--Header-->
        	<?php include 'includes/header.php';?>
            <!--/header-->
            
            <!--Content info-->
            <div class="content-info">
            	<!--Column left-->
                <div class="column-left">
                	<h2 class="black">Agenda del día 4 de Julio de 2011</h2>
                	<!--Post y agenda-->
                    <div class="post agenda">
                    	<h3>Montevideo Comic</h3>
                        <p class="intro">Agendado el <span>18 de abril</span> por <a href="javascript:;">Tino</a></p>
                        <div class="info">
                            <img src="images/comic.jpg" alt="" width="413" height="226"/>
                            <dl class="agenda">
                            	<dt>Título</dt>
                                <dd>Montevideo Comic</dd>
                                <dt>Fecha</dt>
                                <dd>4 y 5 de Diciemre de 2011</dd>
                                <dt>Horario</dt>
                                <dd>12:00 hs. a 21:00 hs.</dd>
                                <dt>Lugar</dt>
                                <dd>Cine Plaza, MOnteevideo Uruguayt</dd>                            
                            </dl>
                            <div class="clear"></div>                            
                            <h4>Texto</h4>
                            <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna mauris, 
                            egestas in facilisis vitae, tincidunt vel libero. Donec non enim eget 
                            sem mollis tempor nec nec est. Donec eu metus id velit congue venenatis. 
                            Vivamus eu cursus risus. Nulla nunc massa, aliquet eget dictum quis, tempus 
                            vitae nulla. Donec consequat fringilla justo, a scelerisque nibh volutpat et. 
                            Nam vitae sapien ut risus laoreet adipiscing. Mauris molestie, lectus in imperdiet semper, 
                            lacus lectus venenatis nibh, nec imperdiet enim mauris at lacus. Nam consequat est molestie 
                            tellus luctus eget pharetra mauris auctor. Class aptent taciti sociosqu ad litora 
                            torquent per conubia nostra, per inceptos himenaeos. Nam dictum ornare dui et congue. 
                            Nulla id ipsum sed elit viverra rhoncus.
                            </p>
                        </div>
                    </div>
                	<!--//post y // agenda-->
                    <div class="clear"></div>
                    <!--COMENTARIOS-->
                    <div class="comentarios">
                        <h2>Comentarios</h2>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, </p>
                        </div>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna mauris, 
                            egestas in facilisis vitae, tincidunt vel libero. Donec non enim eget sem mollis 
                            tempor nec nec est. Donec eu metus id velit congue venenatis. Vivamus eu cursus 
                            risus. Nulla nunc massa, aliquet eget dictum quis, tempus vitae nulla.</p>
                        </div>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, </p>
                        </div>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, </p>
                        </div>
                      </div>                  
                    <!--/comentarios-->
                    <!--COMENTAR-->
                    <div class="comentarios comentar">
                        <h2>Comentar</h2>
                        <form>
                        	<textarea title="Aquí es donde la el usuario escribe el mensaje, este texto no aparece es solo para que entiendan"></textarea>
                            <input type="submit" class="publicar-comentario" value="">
                        </form>                    
                    </div>
                    <!--////comentar-->
                	<!--Post y agenda-->
                    <div class="post agenda">
                    	<h3>Recital de la Vela Puerca</h3>
                        <p class="intro">Agendado el <span>18 de abril</span> por <a href="javascript:;">Tino</a></p>
                        <div class="info">
                            <dl class="agenda">
                            	<dt>Título</dt>
                                <dd>Montevideo Comic</dd>
                                <dt>Fecha</dt>
                                <dd>4 y 5 de Julio de 2011</dd>
                                <dt>Horario</dt>
                                <dd>12:00 hs. a 21:00 hs.</dd>
                                <dt>Lugar</dt>
                                <dd>Cine Plaza</dd>                            
                            </dl>
                            <div class="clear"></div>                            
                            <h4>Texto</h4>
                            <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna mauris, 
                            egestas in facilisis vitae, tincidunt vel libero. Donec non enim eget 
                            sem mollis tempor nec nec est. Donec eu metus id velit congue venenatis. 
                            Nulla id ipsum sed elit viverra rhoncus.
                            </p>
                        </div>
                    </div>
                	<!--//post y // agenda-->
                    <div class="clear"></div>
                    <!--COMENTARIOS-->
                    <div class="comentarios">
                        <h2>Comentarios</h2>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, </p>
                        </div>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna mauris, 
                            egestas in facilisis vitae, tincidunt vel libero. Donec non enim eget sem mollis 
                            tempor nec nec est. Donec eu metus id velit congue venenatis. Vivamus eu cursus 
                            risus. Nulla nunc massa, aliquet eget dictum quis, tempus vitae nulla.</p>
                        </div>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, </p>
                        </div>
                        <div class="com">
                            <h4>27/04/2004 - <a href="javascript:;">Pepe</a> dijo:</h4>
                            <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, </p>
                        </div>
                      </div>                  
                    <!--/comentarios-->
                    <!--COMENTAR-->
                    <div class="comentarios comentar">
                        <h2>Comentar</h2>
                        <form>
                        	<textarea title="Aquí es donde la el usuario escribe el mensaje, este texto no aparece es solo para que entiendan"></textarea>
                            <input type="submit" class="publicar-comentario" value="">
                        </form>                    
                    </div>
                    <!--////comentar-->
                        
                        

 
                </div>
                <!--/column left-->
            	
            	<!--Column right-->
            	<?php include 'includes/column_right.php';?>
                <!--/column right-->
                 
                <div class="clear"></div>
				
				<!--Footer-->
				<?php include 'includes/footer.php';?>
                <!--/footer-->
                
            </div>
            <!--/content info-->
        </div>
        <!--/main-->   
    </div>
    <!--/end wrapper-->

</body>
</html>


